//#region 省份查询的部分
let selProvince = document.getElementById('selProvince');
let btnOk = document.getElementById('btnOk');

function queryProvince() {
  ajax.get('/link/provinces', {}, (info) => {
    if (!info.success) {
      alert(info.message);
      return;
    }

    for (let i = 0; i < info.data.length; i++) {
      let pro = info.data[i];
      let op = document.createElement('option');
      op.setAttribute('value', pro.pid);
      op.append(pro.province);
      selProvince.append(op);
    }
  });
}

queryProvince();
//#endregion

//#region 城市联动的部分

let tbCity = document.getElementById('tbCity');

btnOk.addEventListener('click', () => {
  // 清除原有的数据
  tbCity.innerHTML = '';
  // 获取选中的省份值
  let pid = selProvince.value;
  console.log('选中的省份：', pid);
  if (pid == -1) {
    return;
  }

  // 查询省份对应的城市信息
  ajax.get(`/link/cities/${pid}`, {}, (info) => {
    if (!info.success) {
      alert(info.message);
      return;
    }
    // 循环添加城市
    for (let i = 0; i < info.data.length; i++) {
      let ct = info.data[i];
      // 创建tr
      let tr = document.createElement('tr');
      // 添加到表格中
      tbCity.append(tr);
      // 创建编号的td
      let td = document.createElement('td');
      td.append(ct.cid);
      // 添加到tr中
      tr.append(td);

      // 创建城市名称的td
      td = document.createElement('td');
      td.append(ct.city);
      // 添加到tr中
      tr.append(td);

      // 创建省份的td
      td = document.createElement('td');
      td.append(ct.pid);
      // 添加到tr中
      tr.append(td);
    }
  });
});

//#endregion
